// pages/refund-aftertwo/aftertwo.js
import {
  ajax,
  src,
  util
} from "../../utils/util.js";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    shopid:'',
    orderid:'',
    headImg:[],
    value:'',
    show:true,
    sale_id:'',
  },
  // 获取详情
  getdetails: function () {
    ajax('/api/mall/pay_show', {
      data: {
        uqid: wx.getStorageSync("uqid"),
        id: this.data.shopid
      },
      header: {
        'Accept': 'application/x-www-form-urlencoded', // 默认值
      },
      method: "get",
    }, res => {
      this.setData({
        details: res.data
      })
    })
  },
  //点击图片选择手机相册或者拍照
  // changeAvatar: function (e) {
  //   var _this = this
  //   wx.chooseImage({
  //     count: 6,
  //     sizeType: ['original', 'compressed'],// 可以指定是原图还是压缩图，默认二者都有
  //     sourceType: ['album', 'camera'],// 可以指定来源是相册还是相机，默认二者都有
  //     success: function (res) {
  //       // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
  //       // var tempFilePaths = res.tempFilePaths;
  //       // var imgeList = that.data.imageList.concat(res.tempFilePaths);
  //       // that.setData({
  //       //   imageList: imgeList
  //       // });
  //     }
  //   })
  // },

  // 提交
  tijiao: function () {
    if (this.data.value == '') {
      wx.showToast({
        title: "请输入内容",
        icon: 'none',
        duration: 3000,
      })
      return
    }
    if (this.data.headImg.length == 0) {
      wx.showToast({
        title: "请输入添加视频或图片",
        icon: 'none',
        duration: 3000,
      })
      return
    }


    wx.showLoading({
      title: '上传中',
    })

    ajax('/api/user/order_feat', {
      data: {
        uqid: wx.getStorageSync('uqid'),
        order_id: this.data.orderid,
        status:3,
        reason:this.data.value
      },
      header: {
        'Accept': 'application/x-www-form-urlencoded', // 默认值
      },
      method: "post",
    }, res => {
      this.setData({
        sale_id: res.data.sale_id
      })

      this.uploadimg({
        url: src + '/api/user/sale_image', //这里是你图片上传的接口
        path: this.data.headImg //这里是选取的图片的地址数组        
      });

    })



  },
  // 上传多张
  uploadimg(data) {
    var that = this
    var uqid = that.data.uqid
    var i = data.i ? data.i : 0//当前上传的哪张图片

    var success = data.success ? data.success : 0 //上传成功的个数
    var fail = data.fail ? data.fail : 0 //上传失败的个数
    console.log(i)


    wx.uploadFile({
      url: data.url,
      filePath: data.path[i].url,
      name: 'image', //这里根据自己的实际情况改
      formData: {

        uqid: wx.getStorageSync('uqid'),
        sale_id: that.data.sale_id

      }, //这里是上传图片时一起上传的数据
      header: { "Content-Type": "multipart/form-data" },
      success(resU) {
        success++;

        // console.log(resU)
        // if (JSON.parse(resU.data).error == 0) {
        //   wx.showToast({
        //     title: '上传成功,请到我的病历中查看！',
        //     icon: 'none',
        //     duration: 1000
        //   })
        // }
      },
      fail: (res) => {
        fail++; //图片上传失败，图片上传失败的变量+1
        console.log('fail:' + i + "fail:" + fail);
      },
      complete: () => {
        console.log(i);
        i++; //这个图片执行完上传后，开始上传下一张            
        if (i == data.path.length) { //当图片传完时，停止调用   
          wx.hideLoading();
          console.log('执行完毕');
          console.log('成功：' + success + " 失败：" + fail)
          // return ('成功：' + success + " 失败：" + fail);

          wx.showToast({
            title: "上传成功",
            icon: 'none',
            duration: 3000,
            success: this.submit
          })


        } else { //若图片还没有传完，则继续调用函数     
          wx.hideLoading();
          console.log(i);
          data.i = i;
          data.success = success;
          data.fail = fail;
          that.uploadimg(data);
        }
      }
    })
  },
  // 选图片
  changeAvatar: function () {
    var that = this
    wx.showActionSheet({
      itemList: ['从相册选取', '拍照'],
      success(res) {
        console.log(res.tapIndex)
        var index = res.tapIndex;

        var headImg = that.data.headImg;
        if (index == 0) {

          let num = 6; //一次最大上传6张

          if (headImg.length > 0) {
            num = 6 - headImg.length;
          }

          wx.chooseImage({
            count: num,
            sizeType: ['original', 'compressed'],
            sourceType: ['album'],
            success(res) {
              console.log(res)
              // tempFilePath可以作为img标签的src属性显示图片
              const tempFilePaths = res.tempFilePaths;
              console.log(tempFilePaths)


              for (let i = 0; i < tempFilePaths.length; i++) {
                var obj = {}
                obj.style = 1
                obj.url = tempFilePaths[i]
                headImg.push(obj)
              }
              that.setData({
                headImg: headImg
              });
            }
          })
        } else if (index == 1) {
          wx.chooseImage({
            count: 1,
            sizeType: ['original', 'compressed'],
            sourceType: ['camera'],
            success(res) {
              console.log(res)
              // tempFilePath可以作为img标签的src属性显示图片

              var headImg = that.data.headImg;

              const tempFilePaths = res.tempFilePaths;

              var obj = {}
              obj.style = 1
              obj.url = tempFilePaths[0]

              headImg.push(obj)
              that.setData({
                headImg: headImg
              });
            }
          })
        }

      },
      fail(res) {
        console.log(res.errMsg)
      }
    })

  },
  // 删除选中图片
  handleDelRomm(e) {
    let eindex = e.currentTarget.dataset.index; //点击的坐标
    console.log(eindex)
    let arr = this.data.headImg;
    arr.splice(eindex, 1)
    this.setData({
      headImg: arr
    });
  },
  // 获取值
  value:function(e){
    this.setData({
      show:false,
      value: e.detail.value
    })
  },
  // 提交按钮
  submit:function(){
    wx.navigateTo({
      url: '/pages/refund-afterthree/afterthree?orderid=' + this.data.orderid + '&shopid=' + this.data.shopid,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      orderid: options.orderid,
      shopid: options.shopid
    })
    this.getdetails()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})